/*style for all pages*/
.root {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: normal;
    text-align: center;
}

.pageContent {
    width: 700px;
}

/*------------------------HEADER-------------------------*/
/*for header page*/
.header {
    display: block;
    text-align: left;
    width: 700px;
    height: 110px;
    margin: 0px auto;
    padding: 0px;
    background: #CDE2A1 url( ../images/img01.gif ) no-repeat left top;

}

.headerContent {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 600px;
}

/*for logo image on header page*/
.headerLogo {
    margin: 0px;
    padding: 10px 10px 0px 15px;
    float: left;
}

.headerLogoLink {
    border: none;
}

/*contains headerSitename and headerMessage*/
.headerTitle {
    color: #336600;

}

/*for site name on header page*/
.headerSitename {
    font-size: 20pt;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;

}

/*for a short message under the sitename*/
.headerMessage {
    font-size: 14pt;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 200px;

}

/*for language options on header page*/
.headerLangOptions {
    display: block;
    font-size: 8pt;
    float: right;
    margin: 0px;
    padding: 12px 15px 0px 0px;
    background: url( ../images/img02.gif ) no-repeat right top;

}

.headerLanguage {

    color: #336600;
}

.menubar {
    float: left;
    clear: both;
    width: 700px;
    height: 30px;
    margin: 0px auto;
    padding: 0px;
    background: url( ../images/img03.gif ) repeat-x left top;
}

.menuItem {
    float: left;
    padding: 10px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 7pt;
    font-weight: bold;
    color: #336600;
}

#menu a:hover {
    color: #FFFFFF;
}

/*------------------------BODY------------------------------*/
/*for page body*/
.body {
    display: block;
    text-align: left;
    width: 700px;
    margin: 0px auto;
    background: url( ../images/img04.gif ) repeat-y left top;

    font-size: 10pt;

}

/*error message*/
.pageError {
    color: red;
    padding: 10px 0px 10px 10px;
    margin: 0px;

}

.pageMessage {
    display: block;

    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cde2a1;
    height: 330px;

    font-size: 10pt;
    padding: 10px;
    margin: 0px;
}

/*for main title of any page*/
.pageTitle {
    color: #336600;
    font-size: 13pt;
    font-weight: normal;
    font-style: normal;

    padding: 10px 0px 10px 10px;
    margin: 0px;
}

/*----SIDEBAR------*/
/*for sidebar in page body*/
.sidebar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: top;
    padding: 10px 5px 10px 10px;

    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cde2a1;
    margin: 0 auto;

}

/*for title of sidebar*/
.sidebarTitle {
    color: #336600;
    font-size: 13pt;
    margin:0px;
    padding:0px;
}

/*all except title*/
.sidebarContent {

    font-size: smaller;
    font-weight: bold;
    font-size: 9pt;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    border: none;
    height:300;
}

/* ----Sidebar on home page*/

.moduleTree {
    font-size: 9pt;
    border: none;
    
}

.rich-tree-node {
    font-size: 9pt;
}

.mtHighlightedClass {
    color: darkgreen;
    text-decoration: none;
    
}

.mtSelectedClass {
    font-weight: bold;
    color: darkgreen;
    border:none;
}

/*-----Sidebar on contact page*/

.producerLogo {
    text-align: center;
}

/*------MAIN PANEL------*/
.mainPanel {
    vertical-align: top;
    padding: 10px 10px 10px 10px;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px auto;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cde2a1;

    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #cde2a1;
    
    height:300;

}

/*styles for main panel*/
.mainPanelTitle {
    color: #336600;
    font-size: 13pt;
    padding: 0px 0px 5px 0px;
}

.mainPanelSubtitle {
    color: #336600;
    font-size: 10pt;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
}

.mainPanelContent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    padding-top:5px;
    height:200;
}

/*-- BEGIN OF STYLES OF MAIN CONTENT FOR PARTICULAR PAGES----*/
/*styles for home page*/
.moduleDescription {

}

/*styles for image processing page*/
.imagingApplet {
    margin: 0px;
    padding: 10px 0px 10px 0px;
    text-align: center;
}

.mainPanelPara {
    padding-bottom: 10px;
}

.parameter {
    padding-bottom: 10px;
}

.parameterName {
    font-style: italic;
    padding: 0px 5px 0px 0px;
}

.parameterResultType {
    padding: 0px 0px 0px 0px;
    font-style: italic;
}

.parameterDefaultValue {
    font-style: italic;
    padding: 0px 0px 0px 0px;
}

.parameterDescription {
    padding: 0px 0px 0px 30px;
}

/*styles for contact pages*/
.contact {
    padding: 10px 0px 0px 0px;
}

.titleOfContact {
    font-size: 10pt;
    font-weight: bold;
    color: #336600;
}

.contactLink {
    padding: 0px 0px 5px 0px;
    font-size: 10pt;
    font-style: italic;
}

.contactName {
    vertical-align: top;
    padding: 0px 2px 0px 15px;
}

.contactValue {
    vertical-align: top;
    padding: 0px;
}

/*styles for comment page*/
.comment {
    border-color: #a0c84c;
    border-style: solid;
    border-width: 1px;
    margin: 5px 5px 5px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

.commentHead {
    border-bottom-color: #a0c84c;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: #CDE2A1;
    padding: 0px;
    margin: 0px;
    height: 15px;
}

.commentUserName {
    display: inline;
    color: #336600;
    font-size: 10pt;
    font-weight: bold;
    float: left;
    text-decoration: none;
    padding: 0px 0px 0px 3px;

}

.commentSendingDate {
    display: inline;
    float: right;
    padding: 1px 3px 1px 0px;
    font-size: 8pt;
    color: #336600;
}

.commentMessage {
    padding: 5px 3px 5px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 0px 0px 3px;
}

.commentChunkingLine {
    text-align: right;
    margin: 10px 5px 5px 5px;
    padding: 0px;
}

.commentChunkLink {
    margin: 3px 0px 0px 3px;
    border: 1px;
    border-style: solid;
    border-color: #a0c84c;
    text-decoration: none;
    background-color: #CDE2A1;
    padding: 2px 4px 2px 4px;
    font-size: 8pt;
    font-family: monospace;

}

.commentCurrentChunkLink {
    background-color: #a0c84c;
    margin: 3px 0px 0px 3px;
    border: 1px;
    border-style: solid;
    border-color: forestgreen;
    text-decoration: none;
    padding: 2px 4px 2px 4px;
    font-size: 8pt;
    font-weight: normal;
    font-family: monospace;
}

#chunkLine a:hover {
    color: #FFFFFF;
}

.commentFormTitle {
    display: block;
    font-weight: bold;
}

.commentForm {
    margin: 0px;
    padding: 0px;
}

.commentButton {
    text-align: center;
    margin: 5px;
}

#button a:hover {
    background-image: url( ../images/overButton.png );
    background-repeat: no-repeat;
    background-position: center;
}

#button a {
    background-image: url( ../images/initialButton.png );
    background-repeat: no-repeat;
    background-position: center;
}

.commentFormElement {

    padding: 5px;
    margin: 0px;
    vertical-align: top;
}

/*-- END OF STYLES OF MAIN CONTENT FOR PARTICULAR PAGES----*/

/*styles for input components*/
.mainPanelLabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;

}

.mainPanelField {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

.mainPanelButton {
    display: inline-block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-decoration: none;
    font-weight: bold;
    color: #CDE2A1;
    width: 105px;
    height: 22px;
    padding: 0px;
}

.mainPanelLink {
    color: #336600;
}

mainPanelLink:hover {
    text-decoration: none;

}

/*styles for additional information*/
.mainPanelInfo {
    padding-top: 10px;
    font-size: 10pt;
}

/*styles for error messages*/
.error {
    color: red;
    font-size: 10pt;
}

/*--------------------------FOOTER--------------------------*/
.footer {
    border-top-style: solid;
    border-top-color: #BED985;
    border-top-width: 1px;

    display: block;
    text-align: left;
    width: 700px;
    height: 25px;
    margin: 0px auto;
    padding: 0px;
    background: #BED985 url( ../images/img05.gif ) no-repeat left bottom;
}

/*for message about license, date, etc*/
.footerMessage {
    margin: 0px;
    padding: 5px 0px 7px 10px;
    font-size: 8pt;
    float: left;

}

.footerNavigation {
    margin: 0px;
    padding: 5px 10px 7px 0px;
    background: url( ../images/img06.gif ) no-repeat right bottom;
    float: right;
    font-size: 8pt;
}

/*for navigation link on footer: back, home, top*/
.footerLink {
    padding-left: 3px;
    color: #336600;
}

/**********************************************/
a:hover {
    text-decoration: none;
}

